<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /*        
            1.错误的类型
         	    Error: 所有的错误的父类型
                ReferenceError: 引用的变量类型不存在
                TypeError: 数据类型不正确
                RangeError: 数据值不在其所允许的范围内(死循环)
                SyntaxError: 语法错误

            2.错误处理
         	    捕获错误: try{} catch(){}
         	    抛出错误: throw error

            3.错误对象
         	    messgae属性: 错误相关信息
                stack属性: 记录信息
        */

        //演示: ReferenceError
        console.log(a) //无缘无故打印个没定义过的a,肯定报错

        //演示: TypeError
        let a = 1
        a() //a又不是函数，你这样搞肯定报错

        //演示: RangeError
        const fun = () => {
            fun()
        }
        fun() //一直递归停不下来了，就报错
    </script>
</body>

</html>